<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link href="__STATIC__/css/shopin.css" rel="stylesheet"/>
		<title>Document</title>
		<style>
			*{
				list-style: none;
				
				font-family: KaiTi;
			}
			#content {
				margin: 0 6vw;
				position: relative;
			}
			#noe{
				margin-top: 6rem;
				padding-top: 10px;
			}
			.l{
				background-color: #ffffff;
				border-radius: 1rem;
			}
			.cut_down{
				margin:20px 0 10px 0;
				padding: 10px;
			}
			.l header {
				width: 9rem;
				height: 9rem;
				border-radius: 50%;
				position: absolute;
				border: 1px solid #ccc;
				top: -50px;
				left: 31.5%;
			}
			
			.l header img {
				width: 100%;
				height: 100%;
			}
			
			.l .price{
				width: 34vw;
				text-align: left;
			}
			.l .price .s,.l .price .n{
				font-size: 12px;
			}
			
			 .list-item{
				display: -webkit-box;
				margin: 0 8vw;
				margin-top: 10px;
			 }
			.list-item .p { width: 100px; height: 100px; display: inline-block;}
			.list-item .p-pic { width: 90px; height: 90px}
			.list-item .d {-webkit-box-flex: 1;-ms-box-flex: 1;box-flex: 1;margin: 4px 0 6px 0;}
			.list-item .d-title { height: 44px; font-size: 1.4rem}
			
		
			
			.l .head_portrait{
				width: 50px;
				height: 50px;
				background-color: #f04e76;
				border-radius: 50%;
				float: left;
				margin:0 5vw;
			}
			.l .head_portrait img{
				width: 100%;
				height: 100%;
			}
			.price_list  div{
				display: inline-block;
			}
			.l .head_portrait img{
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
			.cut_down .price_list{
				margin: 10px 0;
			}
			.price_list .kan_price{
		
				width: 31vw;
				height: 40px;
				font-size: 18px;
				font-weight: normal;
				font-stretch: normal;
				letter-spacing: 0rem;
				color: #000000;
				text-align: right;
				line-height: 40px;
				display: inline-block;
			}
			.price_list .friends{
				height:50px;
				width: 22vw;
				font-size: 16px;
			}
		</style>
	</head>

	<body>
		<div class="header">
			<div class="left">
				<a href="javascript:;" class="a-back"><span>返回</span></a>
			</div>
			<div class="center">
				<h1>砍价进行中</h1>
			</div>
		</div>
		<!--//头部结束-->
		<div id="content">
			<div class="l" id="noe">
				<div></div>
				<header>
					<img src="{$info.icon}">
					<p>{$info.username}</p>
				</header>
				<a id="kanjia" href="#">"我正在零元抢购该商品，帮我砍砍价！"</a>
				<li>
					<a class="list-item" href="/product/info.html?id=76" data-trackid="首页-品类一-1">
						<div claass="p">
							{if (substr($info.url, 0, 1) !== 'h')}
							<img class="p-pic" src="http://img.58bjcf.com/{$info['url']}"/>
							{else}
							<img class="p-pic" src="{$info['url']}"/>
							{/if}
						</div>
						<div class="d">
							<h3 class="d-title clamp" style="height: 22px">{$info['name']}</h3>
							<div class="d-main">
								<p class="price"><span class="s">￥{$info.member_price}(市场价)</br><em class="n">￥{$info.price}(会员价)</em></span>
								</p>
							</div>
						</div>
					</a>
				</li>
			</div>
			<div class="cut_down l">
				<p>已砍<span>{$}</span>元</p>
				<div id="down_price">
					<button id="progress"></button>
					<a href="/cutdown/{$oid}/{$uid}"><div class="progress down_price">砍</div></a>
				</div>
			</div>
			<div class="cut_down l">
				<p>————帮TA砍价的人————</p>
				<ul class="price_list">
					<div class="head_portrait">
						<img src="" />
					</div>
					<div class="friends">老板1号好友</div>
					<div class="kan_price">帮TA砍了3元</div>
				</ul>
			</div>
		</div>
		<script src="__STATIC__/js/jquery-3.1.1.min.js"></script>
<script>
	$('.down_price').on('click',function(){
		alert(111)
	})
</script>
	</body>

</html>